<template>
	<el-container>
		<el-aside width="200px">
			<el-menu :default-openeds="['1', '3']">
				<el-submenu index="1">
					<template slot="title">
						<router-link to="/personalCenter/" tag="span">个人信息</router-link>
					</template>
				</el-submenu>

				<el-submenu index="2">
					<template slot="title">
						身体数据
					</template>
					<el-menu-item-group>
						<el-menu-item index="1-1"><router-link to="/userWeight" tag="span">体重</router-link></el-menu-item>
						<el-menu-item index="1-2"><router-link to="/userBMI" tag="span">BMI</router-link></el-menu-item>
						<el-menu-item index="1-3"><router-link to="/addBodyData" tag="span">基本信息</router-link></el-menu-item>
					</el-menu-item-group>
				</el-submenu>

				<el-submenu index="3">
					<template slot="title">
						<router-link to="/userCourse" tag="span">个人课程</router-link>
					</template>
				</el-submenu>

				<el-submenu index="4">
					<template slot="title">
						<router-link to="/userCamp" tag="span">训练营</router-link>
					</template>
				</el-submenu>
				<el-submenu index="5">
					<template slot="title">
						<router-link to="/userWallet" tag="span">我的钱包</router-link>
					</template>
				</el-submenu>
			</el-menu>
		</el-aside>
		<el-container>
			<el-main>
				<router-view />
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
</script>

<style>
	.el-aside {
		/* background-color: #fffae8; */
		color: #333;
		text-align: center;
		/* line-height: 200px; */
	}

	.el-main {
		background-color: #fffae8;
		color: #333;
		text-align: center;
		/* line-height: 100px; */
	}

	body>.el-container {
		margin-bottom: 40px;
	}

	.el-container:nth-child(5) .el-aside,
	.el-container:nth-child(6) .el-aside {
		line-height: 260px;
	}

	.el-container:nth-child(7) .el-aside {
		line-height: 320px;
	}

	.el-aside {
		/* background-color: #fff3fc; */
		color: #333;
		text-align: center;
		line-height: 200px;
	}

	.el-main {
		/* background-color: #E9EEF3; */
		color: #333;
		text-align: center;
		/* line-height: 160px; */
	}

	body>.el-container {
		margin-bottom: 40px;
	}

	.el-container:nth-child(5) .el-aside,
	.el-container:nth-child(6) .el-aside {
		line-height: 260px;
	}

	.el-container:nth-child(7) .el-aside {
		line-height: 320px;
	}
</style>
